<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
	
	<ui:composition template="/plantillas/plantilla.xhtml">
	<ui:define name="cabecera">
	</ui:define>
	<ui:define name="contenido">
	<ui:include src="/pages/cabecera-simulacion.xhtml" />
	<h:form id="form">
		<h3>Generar Servicio de Deuda</h3>
			<p:growl id="messages" showDetail="true" sticky="false" life="5000" />
			<p:panelGrid>
				<p:row>
					<p:column ><h:outputText value="Mes de la deuda"></h:outputText></p:column>
					<h:outputText></h:outputText>
					<p:column ><h:outputText value="#{serDeudaMB.mesDeuda}" >
						<f:convertDateTime pattern="MM/yyyy"></f:convertDateTime>
					</h:outputText></p:column>
				</p:row>
				<p:row>
					<p:column ><h:outputText value="Deuda a Bancos en balance (Miles de Soles)"></h:outputText></p:column>
					<p:column ><h:outputText value="#{serDeudaMB.totalDeudaBancos}" ></h:outputText></p:column>
				</p:row>
				<p:row>
					<p:column ><h:outputText value="Otra deuda en balance (Miles de Soles)"></h:outputText></p:column>
					<p:column ><h:outputText value="#{serDeudaMB.otraDeuda}" ></h:outputText></p:column>
				</p:row>
				<p:row>
					<p:column ><h:outputText value="Deuda de Accionistas (Miles de Soles)"></h:outputText></p:column>
					<p:column ><h:outputText value="#{serDeudaMB.deudaAccionistas}" ></h:outputText></p:column>
				</p:row>
			</p:panelGrid>
			<div align="right">
				<p:commandButton value="Agregar" actionListener="#{serDeudaMB.addAction}" update="tabla" ajax="false"/>
			</div>
			<br />
			<p:dataTable id="tabla" value="#{serDeudaMB.lDeudasBanco}" var="deudasBanco" rows="5" editable="true">
				<p:ajax event="rowEdit" listener="#{serDeudaMB.onEdit}" update=":form:messages"  />
				<p:column headerText="Item" style="width:30%">		 
		            <p:cellEditor>  
		                <f:facet name="output">  
		                    <h:outputText value="#{deudasBanco.item}"/> 
		                </f:facet>  
		                <f:facet name="input">  
		                    <p:inputText value="#{deudasBanco.item}" style="width:100%" readonly="true"/>  
		                </f:facet>  
		           	</p:cellEditor>
	        	</p:column> 
	        	<p:column headerText="Banco" style="width:30%">		 
		            <p:cellEditor>  
		                <f:facet name="output">  
		                    <h:outputText value="#{deudasBanco.bancoNombre}" />  
		                </f:facet>  
		                <f:facet name="input">  
		                    <p:inputText value="#{deudasBanco.bancoNombre}" style="width:100%"/>  
		                </f:facet>  
		           	</p:cellEditor>             	
	        	</p:column>
	        	<p:column headerText="Monto" style="width:30%"> 			 
		            <p:cellEditor>  
		                <f:facet name="output">  
		                    <h:outputText value="#{deudasBanco.monto}" />  
		                </f:facet>  
		                <f:facet name="input">  
		                    <p:inputText value="#{deudasBanco.monto}" style="width:100%">
								<f:validateDoubleRange minimum="0"></f:validateDoubleRange>		                    
		                    </p:inputText>
		                </f:facet>  
		           	</p:cellEditor>             	
	        	</p:column> 
	        	<p:column headerText="Tasa" style="width:30%"> 			 
		            <p:cellEditor>  
		                <f:facet name="output">  
		                    <h:outputText value="#{deudasBanco.tasa}" />  
		                </f:facet>  
		                <f:facet name="input">  
		                    <p:inputText value="#{deudasBanco.tasa}" style="width:100%"/>  
		                </f:facet>  
		           	</p:cellEditor>             	
	        	</p:column> 
	        	<p:column headerText="Plazo restante" style="width:30%"> 			 
		            <p:cellEditor>  
		                <f:facet name="output">  
		                    <h:outputText value="#{deudasBanco.plazoRestante}" />  
		                </f:facet>  
		                <f:facet name="input">  
		                    <p:inputText value="#{deudasBanco.plazoRestante}" style="width:100%"/>  
		                </f:facet>  
		           	</p:cellEditor>             	
	        	</p:column>
	        	<p:column headerText="Periodo gracia" style="width:30%"> 			 
		            <p:cellEditor>  
		                <f:facet name="output">  
		                    <h:outputText value="#{deudasBanco.periodoGracia}" />  
		                </f:facet>  
		                <f:facet name="input">  
		                    <p:inputText value="#{deudasBanco.periodoGracia}" style="width:100%"/>  
		                </f:facet>  
		           	</p:cellEditor>             	
	        	</p:column>
	        	 <p:column style="width:6%" >  
            		<p:rowEditor />  
        		</p:column>
        		<p:column style="width:6%" >
        			<h:commandButton value="D" action="#{serDeudaMB.deleteAction}">
        				<f:param name="bancoDeleted" value="#{deudasBanco.item}"/>
        			</h:commandButton>
        		</p:column> 
			</p:dataTable>
			<br />
			<div align="center">
				<p:commandButton id="resBtn" value="Ver resumen" type="button" />
				<p:commandButton value="Continuar" actionListener="#{serDeudaMB.guardar}" ajax="false"/>
  			</div>
		    <p:overlayPanel id="carPanel" for="resBtn" hideEffect="fade" dynamic="true" my="left top" at="left top">  
		        <p:panelGrid styleClass="fondoBlanco">
					<f:facet name="header">
						<p:row>
							<p:column></p:column>
							<c:forEach var="detalleList" items="#{resumenMB.detalleListResumen}">
								<p:column styleClass="negritaFondoAzul"><h:outputText value="#{detalleList.periodo}"/></p:column>
							</c:forEach>
						</p:row>	
					</f:facet>	
					<c:set var="i" value="0"></c:set>
					<c:forEach var="indicadores" items="#{resumenMB.indicadorListResumen}">
						<p:row>
							<p:column styleClass="negritaFondoAzul">
								<h:outputText value="#{indicadores.descripcion}"/>							
							</p:column>
							<c:forEach var="detalleList" items="#{resumenMB.detalleListResumen}">
										<p:column>
											<h:outputText value="#{detalleList.indicadores[i].valor}">
												<f:convertNumber minFractionDigits="2" />
											</h:outputText>
										</p:column>
							</c:forEach>
						</p:row>
						<c:set var="i" value="#{i+1}"></c:set>
					</c:forEach>
				</p:panelGrid>
		    </p:overlayPanel>
		    <br />
		</h:form>
	</ui:define>
	</ui:composition>
</html>	